<div class="context-item">
    <div class="col-lg-12  col-sm-12  graph-select">
        <div class="commons-info">
      <span style="display:inline-block; margin-right:5px">
        <input style="margin-right:5px" type="checkbox" checked disabled>TPS/Response</input>
      </span>
            <span style="display:inline-block; margin-right:5px">
        <input id="gcInput" style="margin-right:5px" v-on:click="displayChart('gc', $event)" type="checkbox"
               checked>GC</input>
      </span>
            <span style="display:inline-block; margin-right:5px">
        <input id="cpuInput" style="margin-right:5px" id="cpuInput" v-on:change="displayChart('cpu', $event)"
               type="checkbox" checked>CPU</input>
      </span>
        </div>
        <div>
            <div>
                <h5>Memory</h5>
                <span style="display:block; margin-right:5px">
          <input id="heapMemoryInput" style="margin-right:5px" v-on:click="displayChart('heapMemory', $event)"
                 type="checkbox" checked>Heap/Memory</input>
        </span>
                <span style="display:block; margin-right:5px">
          <input id="nonHeapMemoryInput" style="margin-right:5px" v-on:click="displayChart('nonHeapMemory', $event)"
                 type="checkbox">Noheap/Memory</input>
        </span>
                <span style="display:block; margin-right:5px">
          <input id="heapPermGenInput" style="margin-right:5px" v-on:click="displayChart('permGen', $event)"
                 type="checkbox" name="">Perm Gen</input>
        </span>
                <span style="display:block; margin-right:5px">
          <input id="heapMetaSpanInput" style="margin-right:5px" v-on:click="displayChart('metaSpace', $event)"
                 type="checkbox" name="">Meta Space</input>
        </span>
                <span style="display:block; margin-right:5px">
          <input id="heapNewGenInput" style="margin-right:5px" v-on:click="displayChart('newGen', $event)"
                 type="checkbox" name="">New Gen</input>
        </span>
                <span style="display:block; margin-right:5px">
          <input id="heapOldGenInput" style="margin-right:5px" v-on:click="displayChart('oldGen', $event)"
                 type="checkbox" name="">Old Gen</input>
        </span>
                <span style="display:block; margin-right:5px">
          <input id="heapSurvivorInput" style="margin-right:5px" v-on:click="displayChart('survivor', $event)"
                 type="checkbox">Survivor</input>
        </span>

    </div>
</div>
